import React, { Component } from 'react';
import './Myquanshang.scss'
import img from '../imgs/z03.gif'

class Myquanshang extends Component {
    constructor(props){
        super(props);
        this.state = {
            arr:[
                {name:"黛珂",pic:img,xiao:"销量:20",huo:"活动价￥250"},
                {name:"黛珂",pic:img,xiao:"销量:10",huo:"活动价￥200"},
                {name:"兰蔻",pic:img,xiao:"销量:30",huo:"活动价￥150"},
                {name:"雅诗兰黛",pic:img,xiao:"销量:40",huo:"活动价￥100"},
            ]
        }
    }
    render() {
        return (
            <div className="quan">
                {
                    this.state.arr.map((item,index)=>{
                        return (
                            <div className="box" key={index} >
                            <img src={item.pic} alt=""/>
                            <p>{item.name}</p>
                            <p>{item.xiao}</p>
                            <p>{item.huo}</p>
                        </div>
                        )
                    })
                }
            </div>
        );
    }
}

export default Myquanshang;